<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>工地源头详情</title>
    <!--    <link rel="stylesheet" href="/ditu/css/ztcjg/jedate.css"/>-->
    <link rel="stylesheet" href="/ditu/css/ztcjg/style.css" />
    <link href="/ditu/js/layui-v2.5.6/css/layui.css" media="all" rel="stylesheet" type="text/css" />

    <style type="text/css">
        #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }
        
        #jsjb_table>table>tr>td {
            padding: 15px 0;
        }
        
        #jsjb_table>table>tr>th {
            padding: 15px 0;
        }
        
        .td_border {
            border-bottom: 1px dashed rgb(32, 148, 183)
        }

        #choseBtn{
            position: relative;
            left: -0.8rem;
            width: 0.6rem;
            display: inline-block;
            line-height: 0.3rem;
            font-size: 0.16rem;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
            border-radius: 0.04rem;
            background: #009cd2;
            border: none;
            outline: none;
        }
        #submitBtn{
            position: relative;
            left: -0.5rem;
            width: 0.6rem;
            display: inline-block;
            line-height: 0.3rem;
            font-size: 0.16rem;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
            border-radius: 0.04rem;
            background: #009cd2;
            border: none;
            outline: none;
        }
        .xzsjCheck {
            width: 40px;
            height: 30px;
            margin-left: -0.06rem!important;
            margin-top: 0rem!important;
            position: absolute;
            z-index: 10;
            display: none;
        }
        .xiangqingSty {
            cursor: pointer;
            margin-top: 0.02rem;
            margin-left: 0.195rem;
            position: relative;
            top: 1px;
            border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
            border: 1px solid #00eefe;
            background: rgba(0, 238, 254, 0.6);
            width: 0.52rem;
            height: 0.2rem;
            line-height: 0.2rem;
            font-size: 0.1rem;
            text-align: center;
            color: #fff;
        }
        #jxx_lable{
            display: inline-block;
        }
        #wsg_lable{
            display: inline-block;
        }
        </style>

</head>

<body onload="init()">
    <a class="gdxx_btn" onclick="spk()">周边卡口<span id="kknum"></span></a>
    <a class="gdxx_btn2" onclick="spk2()">内部卡口<span id="kknum2"></span></a>
    <a class="gdxx_btn3" id="gdxx_btn3" onclick="spk3()" style="display: none">案件详情</a>
    <div class="ztcgl_bg">
        <div class="ztcgl_top">
            <div class="ztcgl_top_tit" id="GD_total">工地名称1#楼等3项</div>
        </div>
        <div class="ztcgl_top_nav">
            <a class="sec" id="zbsxtBTN"><span>工地详情</span></a>
            <a id="ztcjgWBTN"><span>工地外监管</span></a>
            <a id="ztcjgBTN"><span>工地内监管</span></a>
            <a id="ztcjgWBTN1"><span>出入口监管</span></a>
            <a id="jscb"><span>接诉即办</span></a>
            <a id="report"><span>研判报告</span></a>
            <a id="close"><span>关闭页面</span></a>
            <!-- <a id="spjkBTN"><span>视频监控</span></a> -->

        </div>
        <div class="ztcjg_left" id="GCGK">
            <!--<div class="ztcjg_left_img">
            <img src="">
        </div>
        <div class="ztcjg_left_tit">工程概况</div>
        <div class="ztcjg_left_user">
            <img src="/ditu/images/ztcjg_icon1.png">
            <div>
                <p>负责人</p>
                <p><span>罗洋 13532163274</span></p>
                <p><span>张仕强 13532163274</span></p>
            </div>
        </div>
        <p>工程名称：1#楼等3项</p>
        <p>施工许可证：[2018]施建字0065号</p>
        <p>工程进度：土方</p>
        <p>建设地点：海淀区学院南路123号</p>
        <p>建设单位：中铁建昊宏基房产开发有限公司</p>
        <p>施工单位：中铁建设集团有限公司</p>
        <p>监理单位：中外建工程设计与顾问有限公司</p>
        <div class="ztcjg_left_tit">消纳许可信息</div>
        <p>运输单位：北京化解天一商贸有限公司</p>
        <p>建筑垃圾：2000吨</p>
        <p>审批时间：2019-09-21</p>
        <p>到期时间：2020-10-20</p>
         <div class="ztcjg_left_tit">视频巡查情况</div>
    <p>执法次数：193次</p> -->
        </div>
        <div class="ztcjg_right" id="ztcjg" style="display: none;">
            <div class="ztcjg_right_form" id="right_form">
                <div class="ztcjg_right_time">
                    <label>查询时间</label>
                    <img src="/ditu/images/ztcjg_icon2.png">
                    <input type="text" id="beginTime" placeholder="开始时间" readonly>
                    <span>至</span>
                    <input type="text" id="endTime" placeholder="结束时间" readonly>

                </div>
                <input type="text" class="list_cp_input" id="plateNo" placeholder="车牌号">
                <button class="ztcjg_submit" id="searchBtn">查询</button>
                <button class="ztcjg_reset" id="resetSearch">重置</button>
                <div class="ztcjg_right_checkbox">
                    <label>
                        <input type="checkbox" name='hege' value='-1' hidden>
                        <i></i>
                        <b>
                            <img src="/ditu/images/ztcjg_icon3.png">全 部
                        </b>
                    </label>
                    <label>
                        <input type="checkbox" name='hege' value='0' hidden>
                        <i></i>
                        <b class="ztcjg_blue">
                            <img src="/ditu/images/ztcjg_icon4.png">有准运证
                        </b>
                    </label>
                    <span>违规车辆（</span>
                    <label>
                        <input type="checkbox" name='hege' id="wzyz" value="1" hidden>
                        <i></i>
                        <b class="ztcjg_red">
                            <img src="/ditu/images/ztcjg_icon5.png">无准运证
                        </b>
                    </label>
                    <label id="wsg_lable">
                        <input type="checkbox" hidden id="isWSG">
                        <i></i>
                        <b class="ztcjg_orange">
                            <img src="/ditu/images/ztcjg_icon6.png">未苫盖
                        </b>
                    </label>
                    <label>
                        <input type="checkbox" hidden id="YCHP">
                        <i></i>
                        <b class="ztcjg_green">
                            <img src="/ditu/images/ztcjg_icon7.png">异常号牌
                        </b>
                    </label>
                    <label id="jxx_lable" style="margin: 0;">
                        <input type="checkbox" hidden id="JXX">
                        <i></i>
                        <b class="ztcjg_yellow">
                            <img src="/ditu/images/ztcjg_icon8.png">禁限行
                        </b>
                    </label>
                    <span>)</span>
                    <label>
                        <input type="checkbox" hidden id="showNoPlate">
                        <i></i>
                        <b>
                            <img src="/ditu/images/ztcjg_icon3.png">显示无车牌
                        </b>
                    </label>
                </div>
            </div>
            <div class="ztcjg_r_tip" id="ztcjg_r_tip">

                <div class="ztcjg_r_pages">
                    <span id="total">
                        <!-- 渣土车共计150车次，违规渣土车47车次（未备案46车次，未苫盖1车次，未清洗0车次，有遮挡15车次） -->
                        渣土车共计 车次
                    </span>
                    <span id="btnChack"></span>
                    <span id="pageNum">共 页</span>
                    <a class="ztcjg_page_left no_page" id="pagePlus"></a>
                    <a class="ztcjg_page_right" id="pageMinus"></a>
                </div>
            </div>
            <div class="ztcjg_r_list" id="ztcjgInfo">
            </div>
            <div id="jsjb_table">
                <table align="center" cellspacing="0" cellpadding="0" border="0">
                    <tr width="400">
                        <th style="padding: 15px 0;">来件时间</th>
                        <th>办理委办局</th>
                        <th>小类</th>
                        <th>信件内容</th>
                        <th>信件主题</th>
                        <th>结案意见</th>
                    </tr>
                    <tbody id="jsjb_table_tbody">
                        <tr style=" border-bottom: 1px dashed rgb(32, 148, 183)" class="td_border">
                            <td style="padding: 15px 0;">2021-06-22 00：00</td>
                            <td>羊坊店街道</td>
                            <td>施工扰民</td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>


        <!-- <div class="ztcjg_right" id="spjk" style="display: none;">

        <div class="sssp_left">
            <div class="sssp_video">
                <video id="videoElement" preload="auto" autoplay=""></video>
            </div>
            <div class="sssp_vwrap"></div>
        </div>

    </div> -->
        <!--周边摄像头-->
        <div class="ztcjg_right" id="zbsxt">
            <div id="allmap"></div>

        </div>
        <div class="spl_res" id="spl_res1">
            <div class="sp_sxzy_top"></div>
            <div class="sp_sxzy_btm"></div>
            <div class="spl_total">该工地周边共有<span id="total1">0</span>个视频卡口</div>
            <div class="spl_con" id="spl_con">
                <!-- <div class="spl_res_item">
                <div class="spl_res_icon"><img src="images/sp_licon16.png"><img src="images/sp_licon3.png"></div>
                <div class="spl_res_txt">
                    <h4>北京市木林渣土消纳场</h4>
                    <p>微卡口</p>
                    <p>天桥南大街126号</p>
                </div>
            </div> -->
            </div>
            <div class="spl_pages" id="spl_pages">
            </div>
            <div class="spl_abtn"><span>></span></div>
        </div>

        <div class="spl_res" id="spl_res2">
            <div class="sp_sxzy_top"></div>
            <div class="sp_sxzy_btm"></div>
            <div class="spl_total">该工地内部共有<span id="total2">0</span>个视频卡口</div>
            <div class="spl_con" id="spl_con2">
                <!-- <div class="spl_res_item">
                <div class="spl_res_icon"><img src="images/sp_licon16.png"><img src="images/sp_licon3.png"></div>
                <div class="spl_res_txt">
                    <h4>北京市木林渣土消纳场</h4>
                    <p>微卡口</p>
                    <p>天桥南大街126号</p>
                </div>
            </div> -->
            </div>
            <div class="spl_pages" id="spl_pages">
            </div>
            <div class="spl_abtn"><span>></span></div>
        </div>
        <div class="spl_res" id="spl_res3">
            <div class="sp_sxzy_top"></div>
            <div class="sp_sxzy_btm"></div>
            <div class="spl_total">工地内监管案件详情</div>
            <div class="spl_con" id="spl_con3">
                <div class="table_card">
                    <div class="tabCon">
                        <div class="on">
                            <ul class="newslist01">

                            </ul>
                        </div>
                    </div>
<!--                    <textarea name="test" placeholder="请输入事件..." required lay-verify="required" onkeyup='textAreaChange(this)' onkeydown='textAreaChange(this)' rows='5' class="layui-textarea"></textarea>-->
<!--                    <div class='text-right'>-->
<!--                        <em style='color:red'>200</em>/<span>200</span>-->
<!--                    </div>-->
                </div>
                <div class="table_card">
                    <input type="text" class="list_cp_input1" id="contentSJ" placeholder="请输入事件...">
                    <div class="bt_group">
                        <button type="button" onclick="confirmContentSubmit()" id="confirmContentSubmit" class="layui-btn layui-btn-normal">确认提交</button>
                        <button type="button" onclick="clenInput()" class="layui-btn layui-btn-normal">清空</button>
                    </div>
                </div>
            </div>
            </div>
            <div class="spl_pages" id="spl_pages">
            </div>
            <div class="spl_abtn"><span>></span></div>
        </div>

        <div class="sp_right" style="display: none">
            <!--            <div class="spr_top gdglr_top gdglr_info" style="display: flex">-->
            <!--                <span class="spr_top_rl sec">基本信息</span>-->

            <!--                <span class="spr_top_rl" id="closecar">关闭</span>-->
            <!--            </div>-->
<!--            <div class="spr_btm gdglr_btm1 gdglr_info" style="display: flex">-->
<!--                <div class="sp_sxzy_top"></div>-->
<!--                <div class="sp_sxzy_btm"></div>-->
<!--                <div class="gdglr_jbxx">-->
<!--                    <p class="project_name"></p>-->
<!--                    <p class="building_address"></p>-->
<!--                    <p class="licence"></p>-->
<!--                </div>-->

<!--            </div>-->
        </div>
        <div class="sp_right1" style="display: none; ">
            <div class="spr_top gdglr_top gdglr_info" style="display: flex;margin-top: 2.2rem">
                <span class="spr_top_rl sec">基本信息</span>

                <span class="spr_top_rl" id="closecar">关闭</span>
            </div>
            <div class="spr_btm gdglr_btm2 gdglr_info" style="display: flex;margin-top: 2.2rem">
                <div class="sp_sxzy_top"></div>
                <div class="sp_sxzy_btm"></div>
                <div class="gdglr_jbxx">
                    <p class="project_name1"></p>
                    <p class="building_address1"></p>
                    <p class="licence1"></p>
                    <div class="clsszzyq_rcon2">
                        <table id="gcgjlist1">

                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script src="/ditu/js/jquery.min.js"></script>
    <!--<script src="/ditu/js/jquery.jedate.min.js"></script>-->
    <script src="/ditu/js/flv/flv.js"></script>
    <script src="/ditu/js/server.js"></script>
    <script src="/ditu/js/common.js"></script>
    <script type="text/javascript" src="/ditu/js/BaiDuGpsSite.js"></script>
    <script src="/ditu/js/GeoUtils.js"></script>
    <script src="/ditu/js/ztcjg/ztcjg.js?v=2.062"></script>
    <script src="/ditu/js/layui-v2.5.6/layui.js"></script>
    <script type="text/javascript" src="http://11.16.127.24:8219/baidumap/jsapi/api.js"></script>
    <script type="text/javascript" src="/ditu/js/mapv.js"></script>
    <script>
        $(function() {
            // $('.wordSumTotal').textSum();
            // $(".ztcjg_right_time input").each(function() {
            //     $(this).jeDate()
            // })
            $("#close").click(function() {
                // 关闭当前页面，**注意必须是window.open()打开的页面才有效果**
                window.opener = null;
                window.open('', '_self');
                window.close();
            })

        })

        $("#close").click(function() {
            // 关闭当前页面，**注意必须是window.open()打开的页面才有效果**
            // window.opener = null;
            //
            // window.open('', '_self');
            // window.close();

            console.log("++++++++++========================")
            window.location.href = "about:blank";
            window.opener = null;
            window.open('', '_self');
            window.close();
        })

        function closeWindows() {
            console.log("++++++++++========================")
            window.location.href = "about:blank";
            window.opener = null;
            window.open('', '_self');
            window.close();
        }
    </script>


</body>

</html>